<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title></title>
  <link rel="manifest" href="manifest.json">
  <!-- un-comment this code to enable service worker
    <script>
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('service-worker.js')
          .then(() => console.log('service worker installed'))
          .catch(err => console.log('Error', err));
      }
    </script>-->
  <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->
  <!-- ionic/angularjs js -->
  <script src="lib/ionic/js/ionic.bundle.js"></script>
  <!-- cordova script (this will be a 404 during development) -->
  <script src="cordova.js"></script>
  <!-- your app's js -->
  <script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
</head>

<body ng-app="WXApp">


  <!-- 侧栏 -->
  <ion-side-menus>
    <!-- 主要内容 -->
    <ion-side-menu-content>
      <!-- 导航 -->
      <ion-nav-bar class="bar-dark">
        <!--返回按钮-->
        <ion-nav-back-button class="button button-icon button-small icon ion-arrow-left-c">
          <i></i>返回
        </ion-nav-back-button>
      </ion-nav-bar>
      <!-- 相当于ui-view -->
      <ion-nav-view animation="slide-left-right">
      </ion-nav-view>
    </ion-side-menu-content>
    <!-- 左侧栏 -->
    <ion-side-menu side="left">
      <!-- 头部 -->
      <ion-header-bar align-title="left" class="bar-dark">
        <h1 class="title button button-icon button-small icon ion-arrow-left-c">&#x3000;个人信息</h1>
      </ion-header-bar>
      <!-- 内容 -->
      <ion-content>
        <ion-list>
          <ion-item>
            <span>头像</span>
            <span><img src="img/18.jpg" alt=""></span>
          </ion-item>
          <ion-item>
            <span>昵称</span>
            <span>南山南</span>            
          </ion-item>
          <ion-item>
            <span>微信号</span>
            <span>zxy-341</span>            
          </ion-item>
          <ion-item>
            <span>二维码名片</span>
            <span><img src="img/a.png" alt="" class="img"></span>            
          </ion-item>
          <ion-item>
            <span>我的地址</span>          
          </ion-item>
        <div class="item item-divider"></div>
          <ion-item>
            <span>性别</span>
            <span>女</span>            
          </ion-item>
          <ion-item>
            <span>地区</span>
            <span>河南 郑州</span>            
          </ion-item>
          <ion-item>
            <span>个性签名</span>
            <span>CQY</span>            
          </ion-item>
        </ion-list>
      </ion-content>
    </ion-side-menu>
    
  </ion-side-menus>

</body>

</html>
